<!--  <div>
  <date-range (dateEmit)="dateOnChange($event)" (exportEmit)="export($event)"></date-range>
</div> -->

<section class="box" style="margin-top: 19px;">
  <header class="panel_header">
    <h2 class="title pull-left">词云销售走势</h2>
  </header>
  <div class="content-body">
    <div echarts [loading]="vm.loading" [data]="vm.data" [type]="vm.type" [title]="vm.fileName" class="chart-container" style="height: 406px;"></div>
  </div>
</section>

<div style="position: relative;" class="mt10">
  <mat-card>
    <mat-card-title class="clearfix">
      {{wordInfo.words}}-{{wordInfo.categoryName |categoryName}}销售<a class='right' mat-raised-button color="primary" (click)="export()">下载</a>
    </mat-card-title>
    <div class="divider"></div>
    <ngx-busy [busy]="offEvent"></ngx-busy>
    <table class="responsive-table bordered highlight">
      <thead>
        <tr>
          <th *ngFor="let column of columns;let $index = index" [innerHTML]="column"> </th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let word of vm.data;let $index = index;">
          <td>{{word.date | dateFormat}}</td>
          
          <td><span class="tm-yen">¥</span>{{word.sellMoney | number:'1.0-2'}}</td>
					<td>{{word.sellAmount | number:'1.0-0'}}</td>
         
          <td><span class="tm-yen">¥</span>{{word.monthSellMoney | number:'1.0-2'}}</td>
           <td>{{word.monthSellAmount | number:'1.0-0'}}</td>
          <td>{{word.productNum | number:'1.0-0'}}</td>
          <td>{{word.hotIndexNumber}}</td>
					<td>{{word.growthIndexNumber}}</td>
        </tr>
       
        <tr *ngIf="vm.data.length ==0">
          <td colspan="10" class="center-align">暂无数据</td>
        </tr>
      </tbody>
    </table>
  </mat-card>
</div>
